:root {
    //HeaderManage
    --dk-header-manage-box-shadow: 0 10px 10px hsla(0, 0%, 86.3%, 0.8);
}

html.dark {
    --dk-header-manage-box-shadow: 0 10px 10px hsla(0, 0%, 0%, 0.8);
}

.wechat-style {
    /* 主色调 - 微信风格 */
    --el-color-primary: #07C160;
    --el-color-primary-light-1: #21ca70;
    --el-color-primary-light-2: #3bd380;
    --el-color-primary-light-3: #55dc90;
    --el-color-primary-light-4: #6fe5a0;
    --el-color-primary-light-5: #89eeb0;
    --el-color-primary-light-6: #a3f7c0;
    --el-color-primary-light-7: #bdffd0;
    --el-color-primary-light-8: #d7ffe0;
    --el-color-primary-light-9: #f1fff0;

    --el-bg-color-page: #f7f8fc;

    /* 菜单样式 */
    --el-menu-hover-bg-color: var(--el-color-primary-light-9);
    --el-menu-active-color: var(--el-color-primary);

    /* 边框和阴影 */
    --el-border-radius-base: 6px;
    --el-box-shadow-light: 0 2px 12px 0 rgba(7, 193, 96, 0.1);



    .el-menu-item:hover {
        color: var(--el-color-primary);
    }

    .el-menu-item.is-active {
        background: var(--el-color-primary-light-9);
        border-right: 3px solid var(--el-color-primary);
    }
}


.work-wechat-style {
    /* 主色调 - 企业微信蓝 */
    --el-color-primary: #3E7BFA;
    --el-color-primary-light-1: #5289fb;
    --el-color-primary-light-2: #6697fc;
    --el-color-primary-light-3: #7aa5fd;
    --el-color-primary-light-4: #8eb3fe;
    --el-color-primary-light-5: #a2c1fe;
    --el-color-primary-light-6: #b6cfff;
    --el-color-primary-light-7: #cadeff;
    --el-color-primary-light-8: #deecff;
    --el-color-primary-light-9: #f2f9ff;

    --el-bg-color-page: #f5f6f8;

    /* 菜单样式 */
    --el-menu-hover-bg-color: var(--el-color-primary-light-9);
    --el-menu-active-color: var(--el-color-primary);

    .el-menu-item:hover {
        color: var(--el-color-primary);
    }

    .el-menu-item.is-active {
        background: var(--el-color-primary-light-9);
        border-right: 3px solid var(--el-color-primary);
    }
}

.app-style {
    /* 主色调 - 小程序紫蓝 */
    --el-color-primary: #677EFF;
    --el-color-primary-light-1: #7b8eff;
    --el-color-primary-light-2: #8f9eff;
    --el-color-primary-light-3: #a3aeff;
    --el-color-primary-light-4: #b7beff;
    --el-color-primary-light-5: #cbceff;
    --el-color-primary-light-6: #dfdeff;
    --el-color-primary-light-7: #f3eeff;
    --el-color-primary-light-8: #f7f4ff;
    --el-color-primary-light-9: #faf8ff;

    --el-bg-color-page: #f8f9ff;

    /* 菜单样式 */
    --el-menu-hover-bg-color: var(--el-color-primary-light-9);
    --el-menu-active-color: var(--el-color-primary);

    /* 边框和阴影 */
    --el-border-radius-base: 8px;
    --el-box-shadow-light: 0 2px 16px 0 rgba(103, 126, 255, 0.12);

    .el-menu-item:hover {
        color: var(--el-color-primary);
    }

    .el-menu-item.is-active {
        background: var(--el-color-primary-light-9);
        border-right: 3px solid var(--el-color-primary);
    }
}

.douyin-style {
    /* 主色调 - 抖音红 */
    --el-color-primary: #FE2C55;
    --el-color-primary-light-1: #fe4468;
    --el-color-primary-light-2: #fe5c7b;
    --el-color-primary-light-3: #fe748e;
    --el-color-primary-light-4: #fe8ca1;
    --el-color-primary-light-5: #fea4b4;
    --el-color-primary-light-6: #febcc7;
    --el-color-primary-light-7: #fed4da;
    --el-color-primary-light-8: #feecef;
    --el-color-primary-light-9: #fff4f5;

    --el-bg-color-page: #f8f9ff;

    /* 菜单样式 */
    --el-menu-hover-bg-color: var(--el-color-primary-light-9);
    --el-menu-active-color: var(--el-color-primary);

    /* 边框和阴影 */
    --el-border-radius-base: 10px;
    --el-box-shadow-light: 0 4px 20px 0 rgba(254, 44, 85, 0.15);

    .el-menu-item:hover {
        color: var(--el-color-primary);
    }

    .el-menu-item.is-active {
        background: var(--el-color-primary-light-9);
        border-right: 3px solid var(--el-color-primary);
    }
}

html.dark {
    .wechat-style {
        --el-color-primary: #07C160;
        --el-color-primary-light-3: rgb(78.1, 141.8, 46.6);
        --el-color-primary-light-5: rgb(61.5, 107, 39);
        --el-color-primary-light-7: rgb(44.9, 72.2, 31.4);
        --el-color-primary-light-8: rgb(36.6, 54.8, 27.6);
        --el-color-primary-light-9: rgb(28.3, 37.4, 23.8);
        --el-color-primary-dark-2: rgb(133.4, 206.2, 97.4);

        /* 菜单样式 */
        --el-menu-hover-bg-color: var(--el-color-primary-light-9);
        --el-menu-active-color: var(--el-color-primary);

        --el-bg-color-page: #181818;
    }

    .work-wechat-style {
        --el-color-primary: #3E7BFA;
        --el-color-primary-light-3: rgb(78.4, 103.2, 153.6);
        --el-color-primary-light-5: rgb(62.8, 82.6, 122.9);
        --el-color-primary-light-7: rgb(47.2, 62, 92.2);
        --el-color-primary-light-8: rgb(39.6, 51.8, 76.8);
        --el-color-primary-light-9: rgb(32, 41.6, 61.4);
        --el-color-primary-dark-2: rgb(124.6, 167.8, 251.4);

        /* 菜单样式 */
        --el-menu-hover-bg-color: var(--el-color-primary-light-9);
        --el-menu-active-color: var(--el-color-primary);

        --el-bg-color-page: #181818;
    }

    .app-style {
        --el-color-primary: #677EFF;
        --el-color-primary-light-3: rgb(83.2, 96.8, 153.6);
        --el-color-primary-light-5: rgb(66.6, 77.4, 122.9);
        --el-color-primary-light-7: rgb(50, 58, 92.2);
        --el-color-primary-light-8: rgb(41.7, 48.6, 76.8);
        --el-color-primary-light-9: rgb(33.4, 39.2, 61.4);
        --el-color-primary-dark-2: rgb(135.8, 154.2, 255);

        /* 菜单样式 */
        --el-menu-hover-bg-color: var(--el-color-primary-light-9);
        --el-menu-active-color: var(--el-color-primary);

        --el-bg-color-page: #181818;
    }

    .douyin-style {
        --el-color-primary: #FE2C55;
        --el-color-primary-light-3: rgb(153.6, 72.8, 85.2);
        --el-color-primary-light-5: rgb(122.9, 58.2, 68.1);
        --el-color-primary-light-7: rgb(92.2, 43.6, 51);
        --el-color-primary-light-8: rgb(76.8, 36.4, 42.5);
        --el-color-primary-light-9: rgb(61.4, 29.2, 34);
        --el-color-primary-dark-2: rgb(255, 92.4, 135.8);

        /* 菜单样式 */
        --el-menu-hover-bg-color: var(--el-color-primary-light-9);
        --el-menu-active-color: var(--el-color-primary);

        --el-bg-color-page: #181818;
    }
}